<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>


  </head>
  <body>
    

    <!-- 导航条-->
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="#">Dream_宋亚轩梦想时光站</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
      
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
              <a class="nav-link" href="#">主页 <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">近期新内容</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                其他内容
              </a>
              <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="#">Action</a>
                <a class="dropdown-item" href="#">Another action</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">Something else here</a>
              </div>
            </li>
          </ul>
        </div>
      </nav>






    <!--轮播-->
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img src="./Rec/0283EF9937FB0D2A9FB38582F03E0C95.png" class="d-block w-100" alt="carousel_pic1">
          </div>
          <div class="carousel-item">
            <img src="./Rec/1739706D13361AAE3440E67FBCC3C8DA.png" class="d-block w-100" alt="carousel_pic2">
          </div>
          <div class="carousel-item">
            <img src="./Rec/35AA29B703CCE8E4F0CCF165E2FF238C.png" class="d-block w-100" alt="carousel_pic3">
          </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>







      <!-- 巨幕 -->
      <div class="jumbotron">
        <h1 class="display-4">Dream_宋亚轩梦想时光站</h1>
        <p class="lead"> 【开站通知】
          --向着光奔跑@时代少年团-宋亚轩 
          在星河清浅的夜 你坠入我的梦里
          星光闪烁  满目星河
          神的孩子终究会受到眷顾
          “看得到太阳吗”是你不经意的温暖
          尝试拥抱光是你与生俱来的温柔
          我们会为你而来，少年也终会奔向远方
              The best is for you 
                      
                        初来乍到，请多关照</p>
        <hr class="my-4">
        <a class="btn btn-primary" href="https://jq.qq.com/?_wv=1027&k=2xy9MSmh" role="button">点击这里冲冲冲</a>
        <br/>
        <img src="./Rec/5884C8A565816B97ED01D3FE7236E9A1.png">
        <br/>
        <br/>
        <p>站长QQ：2068613396</p>

        <p>人事部部长QQ：230228761</p>
        
        <p>审核部部长QQ：3029143502</p>
      </div>





      <div class="container">
        <div class="row">
          <div class="col-sm">
            
            <div class="card" style="width: 18rem;">
                <img src="./Rec/FDE36296DBC7AC4D9CF91A741DA7BCED.png" class="card-img-top" alt="card1">
                <div class="card-body">
                  <h5 class="card-title">宋亚轩</h5>
                  <p class="card-text">宋亚轩，2004年3月4日出生于山东省滨州市，中国内地男歌手、演员，男子演唱组合时代少年团成员。</p>
                  
                </div>
              </div>

          </div>
          <div class="col-sm">
            
            <div class="card" style="width: 18rem;">
                <img src="./Rec/F6950B03E55071E915167FE73E920FDC.png" class="card-img-top" alt="card2">
                <div class="card-body">
                  <h5 class="card-title">颜霸主唱</h5>
                  <p class="card-text">作为vocol担当，颜值耐打，唱得了低音，飙得了高音，拥有人鱼声线在歌唱方面被称作是“人鱼王子”。</p>
                  
                </div>
              </div>

          </div>
          <div class="col-sm">
            
            <div class="card" style="width: 18rem;">
                <img src="./Rec/C0C95886F003301E5FCA3B5D07325D1F.png" class="card-img-top" alt="card3">
                <div class="card-body">
                  <h5 class="card-title">人鱼唱功</h5>
                  <p class="card-text">应援色是：浅空天胧
                    <br/>

应援口号是：宋亚轩，星闪烁未来有你也有我
<br/>
辅口号：陪宋亚轩开万人演唱会
<br/>

粉丝名是：小海螺 </p>
                  
                </div>
              </div>

          </div>
        </div>
      </div>



    
  </body>
</html>